﻿
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
<link href="../shortcut_icon_1.png" rel="shortcut icon"
	type="image/x-icon" />
<link href="../Content/flick/jquery-ui-1.10.3.custom.min.css"
	rel="stylesheet" />

<link href="../Content/site.css" rel="stylesheet" />
<link href="../Content/main.css" rel="stylesheet" />
<script src="../Scripts/jquery-1.10.1.js"></script>
<script src="../Scripts/jquery-ui-1.10.3.custom.min.js"></script>

<script src="../Scripts/utility.js"></script>
<script src="../Scripts/main.js"></script>

<script>
	$(function() {
		$("#bodyDIv").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
		$("#bodyDIv li").removeClass("ui-corner-top")
				.addClass("ui-corner-left");
	});
</script>
</head>
<body>
	<header>
		<img src="../Images/spitfire-logo2_0.png" class="headerImage" />
		
		<a href ="testAPI.html">goto test api</a>
	</header>
	<!-- end of head -->

	<div id="bodyDIv">
		<div id="navigationDIV">
			<ul>
				<li><a href="#tabs-1">example code1</a></li>
				<li><a href="#tabs-2">example code2</a></li>
				<li><a href="#tabs-3">example code3</a></li>
			</ul>
		</div>
		<div id="content">
			<div id="tabs-1">
				<h2>example code1</h2>
				<p>example code1example code1example code1example code1example
					code1 example code1example code1example code1example code1example
					code1 example code1example code1example code1example code1 example
					code1example code1example code1example code1 example code1 example
					code1 example code1 example code1 example code1 example code1</p>
			</div>
			<div id="tabs-2">
				<h2>example code2</h2>
				<p>example code2 example code2 example code2 example code2
					example code2 example code2 example code2 example code2 example
					code2 example code2 example code2 example code2 example code2
					example code2 example code2 example code2 example code2 example
					code2 example code2 example code2 example code2 example code2
					example code2 example code2 example code2 example code2 example
					code2 example code2 example code2 example code2 example code2
					example code2 example code2 example code2 example code2 example
					code2 example code2 example code2 example code2 example code2
					example code2 example code2</p>
			</div>
			<div id="tabs-3">
				<h2>example code3</h2>
				<p>example code3 example code3 example code3 example code3
					example code3 example code3 example code3 example code3 example
					code3 example code3 example code3 example code3 example code3
					example code3 example code3 example code3 example code3 example
					code3 example code3 example code3 example code3 example code3
					example code3 example code3 example code3 example code3 example
					code3 example code3 example code3 example code3 example code3
					example code3 example code3 example code3 example code3 example
					code3 example code3 example code3 example code3 example code3
					example code3 example code3</p>
			</div>
		</div>


	</div>


	<footer>
		<div class="content-wrapper">
			<div class="float-left">
				<p>&copy;2013-Spitfire</p>
			</div>
		</div>
	</footer>

	<!-- end of footer -->
</body>
</html>
